<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./TemplatePrincipal.xhtml">


            <ui:define name="content">
                <f:view>
                    <p:panel header="crear detalle">
                    <h:form>
                          <p:growl life="2000"/>
                        <h:panelGrid columns="2">
                            <p:outputLabel value="IddetalleVenta:" for="iddetalleVenta" />
                            <p:inputText id="iddetalleVenta" value="#{detalleBean.detalle.iddetalleVenta}" title="IddetalleVenta" required="true" requiredMessage="The IddetalleVenta field is required." validatorMessage="entre 1 y 1000">
                                <f:validateLongRange minimum="1" maximum="1000"/>
                            </p:inputText>
                           <p:outputLabel value="Cantidad:" for="cantidad" />
                           <p:inputText id="cantidad" value="#{detalleBean.detalle.cantidad}" title="Cantidad" required="true" requiredMessage="The Cantidad field is required." validatorMessage="numero entre 1 y 100">
                            <f:validateLongRange minimum="1" maximum="1000"/>
                            </p:inputText>
                            <p:outputLabel value="PrecioUnitario:" for="precioUnitario" />
                            <p:inputText id="precioUnitario" value="#{detalleBean.detalle.precioUnitario}" title="PrecioUnitario" validatorMessage="solo numero">
                               
                            </p:inputText>
                                
                            <p:outputLabel value="PrecioTotal:" for="precioTotal" />
                            <p:inputText id="precioTotal" value="#{detalleBean.detalle.precioTotal}" title="PrecioTotal" validatorMessage="solo numero">
                            
                            </p:inputText>
                            <p:outputLabel value="Vendedor:" for="vendedor" />
                            <p:selectOneMenu id="vendedor" value="#{detalleBean.idVendedorSleccionado}" title="vendedor" required="true" requiredMessage="The VendedorIdvendedor field is required.">
                                <!-- TODO: update below reference to list of available items-->
                                <f:selectItems value="#{detalleBean.listaVendedores}" var="item" itemValue="#{item.idvendedor}"/>
                            </p:selectOneMenu>
                            
                            <h:outputLabel value="Fecha:" for="fecha" />
                            <p:calendar value="#{detalleBean.detalle.fecha}" id="popupCal"/>
                            <h:outputText value="#{detalleBean.detalle.fecha}" id="popupDate">
                                <f:convertDateTime pattern="dd/MM/yy"/>
                            </h:outputText>
                            <h:outputText/>
                            <p:outputLabel value="VentaIdventa:" for="ventaIdventa" />
                            <p:selectOneMenu id="ventaIdventa" value="#{detalleBean.idventaseleccionada}" title="VentaIdventa" >
                                <!-- TODO: update below reference to list of available itListaventaems-->
                                <f:selectItems value="#{detalleBean.listaventas}" var="item" itemValue="#{item.idventa}"/>
                            </p:selectOneMenu>
                        </h:panelGrid>
                         <h:panelGrid columns="3">
                            <p:outputLabel value="codigo articulo" for="codigo"/>
                            <p:inputText id="codigo" value="#{detalleBean.codigoarticulo}" ajax="false"/>
                            <p:commandButton value="agregar" actionListener="#{detalleBean.agraegarLibro}" ajax="false"/>
                        </h:panelGrid> 
                    </h:form>
                        </p:panel>
                        <p:panel header="lista de articulos">
                            <h:form>
                                
                            <p:dataTable value="#{detalleBean.listaArticulos}" var="item">
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Idarticulo"/>
                                    </f:facet>
                                    <h:outputText value="#{item.idarticulo}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Tipollanta"/>
                                    </f:facet>
                                    <h:outputText value="#{item.tipollanta}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Marca"/>
                                    </f:facet>
                                    <h:outputText value="#{item.marca}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Rodado"/>
                                    </f:facet>
                                    <h:outputText value="#{item.rodado}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Numeracion"/>
                                    </f:facet>
                                    <h:outputText value="#{item.numeracion}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Precio"/>
                                    </f:facet>
                                    <h:outputText value="#{item.precio}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Garantia"/>
                                    </f:facet>
                                    <h:outputText value="#{item.garantia}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Clave"/>
                                    </f:facet>
                                    <h:outputText value="#{item.clave}"/>
                                </p:column>
                            </p:dataTable>
                        <h:panelGrid columns="2">
                            <p:commandButton value="aceptar" action="DetalleConfirmar" actionListener="#{detalleBean.procesarSeleccion}" ajax="false"/>
                            <p:commandButton value="cancelar" immediate="true" action="ListaDetalle" ajax="false"/> 
                            </h:panelGrid>

                    </h:form>
                        </p:panel>
                </f:view>

            </ui:define>

         

        </ui:composition>

    </body>
</html>
